<template>
  <van-sticky>
  <!-- 头部跳转栏 -->
  <div class="wwhHeader">
    <!-- 回到home -->
    <div class="headerIconLeft">
      <router-link to="/" replace> <van-icon name="wap-home-o" /></router-link>
    </div>
    <div class="heaaderText"><slot></slot></div>
    <div class="headerRight">
      <!--去搜索  -->
      <router-link class="havMargin" replace to="/search">
        <van-icon name="search"
      /></router-link>

      <!-- <van-icon class="havMargin" name="search" /> -->
      <!-- 去购物车 -->
      <router-link class="havMargin" replace to="/item/cart">
        <van-icon name="shopping-cart-o" />
      </router-link>
    </div>
  </div>
  </van-sticky>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  name: "",
});
</script>
<script setup lang="ts"></script>
<style lang="less" scoped>
// 头部
.wwhHeader {
  height: 50px;
  background-color: #fafafa;
  display: flex;
  padding: 0 0.26rem 0 0.24rem;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  .headerIconLeft {
    font-size: 0.85rem;
    margin-right: 55px;
    color: black;
  }
  .heaaderText {
    font-size: 0.55rem;
  }
  .headerRight {
    font-size: 0.85rem;
    color: black;

    .havMargin {
      margin-right: 0.3rem;
      color: black;
    }
  }
}
</style>
